.box {
  display: flex;
  flex-direction: column;

  .logo-position {
    display: flex;
    justify-content: flex-start;
    padding-top: 2%;
    padding-left: 15%;

    img {
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      height: 50px;
      width: 50px;
    }

    span {
      padding-left: 1%;
      padding-top: 1%;
      font-size: large;
      width: 100%;

    }
  }

  .box-content {

    display: flex;
    justify-content: center;
    padding-top: 10%;
    margin-bottom: 10%;


    .box-card-right {
      display: flex;
      width: 600px;
      height: 450px;
      justify-content: center;
      align-items: center;

      .text-item {
        display: flex;
        flex-wrap: wrap; //允许换行排列
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;

        .logo-div1 {
          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
          font-size: x-large;
          padding: 4%;
          font-weight: bold;
        }

        .logo-div2 {
          display: flex;
          justify-content: center;
          width: 100%;

          span {
            margin: 3%;
          }
        }

        .logo-div3 {
          margin-top: 4%;
        }

        .logo-div4 {
          margin-top: 4%;
        }

        .logo-div7 {
          margin-top: 2%;
          font-size: small;
        }

        .logo-div5 {
          margin-top: 2%;
        }

        .logo-div6 {
          margin-top: 2%;

          span > a:hover {
            color: #FF00FF;
          }
        }
      }
    }

    .box-card-left {
      margin-left: 1%;
      display: flex;

      .text-image {
        width: 450px;
        height: 450px;
        background-image: url('@/assets/images/bg1-logo.jpg');
        background-size: cover;
      }
    }
  }
}